html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: 400;
  text-align: left; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: ""; }

body {
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  margin: 0;
  padding: 0;
  line-height: 1.5; }

a:hover {
  color: #f90; }

#main {
  width: 100%;
  background-color: #C4C6C8;
  height: 100%; }

.wrapper {
  width: 100%;
  background-color: #C4C6C8;
  display: block; }

#header {
  height: 120px;
  background-color: #996;
  margin-top: -7px; }

#slider-left {
  float: left;
  height: 100%;
  width: 15%;
  background-color: #090; }

#content {
  float: left;
  min-height: 400px;
  width: 75%;
  background-color: #EEF8FB;
  display: block; }

#slider-right {
  float: left;
  height: 650px;
  width: 10%;
  background-color: red; }

#footer {
  position: relative;
  clear: both;
  height: 100px;
  background-color: #036; }

/*********** common for admin page *********/
.div_admin_group_title {
  text-align: left; }

#admin-box {
  float: left;
  height: 100%;
  width: 100%;
  background-color: #EEF8FB; }

#admin-content {
  float: left;
  margin-left: 220px;
  padding: 0 5px; }

#admin-slider-left {
  float: left;
  min-height: 400px;
  width: 220px;
  margin-left: -100%;
  background-color: #090; }

/*********** end common for admin page ************/
.input-text-invalid {
  border: 2px solid red; }

.clear {
  clear: both; }

.center {
  text-align: center; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.block {
  display: block; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.alignRight {
  text-align: right; }

.tooltipBox {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #fffbe7;
  border: 1px #ffb950 solid;
  padding: 5px 25px 5px 10px;
  .display: inline-block; }

.tooltipBox {
  font-style: italic; }

.tooltipDown {
  height: 11px;
  padding: 0;
  margin: 0;
  line-height: 11px;
  display: block;
  float: left; }

span.tooltipDown {
  margin-left: 20px; }

.tooltipIcon {
  background: url(http://images.vietnamworks.com/gen/sprite_icons.png) no-repeat;
  background-position: 0 -1379px;
  height: 8px;
  width: 26px;
  padding-right: 15px; }

.sprite_icon {
  background: url(http://images.vietnamworks.com/gen/sprite_icons.png) no-repeat;
  overflow: hidden; }

.sprite_icon.arrowDownIcon {
  background-position: 0 -1379px;
  width: 12px;
  padding-right: 10px; }

.sectionHeader, .headerCor, .roundBox, .salesLogoBg, .employerList a.cusLogo {
  background: url(http://images.vietnamworks.com/js/home_box.png) no-repeat; }

.roundBoxBody {
  clear: both;
  overflow: hidden;
  border-left: 1px #d6d6d6 solid;
  border-right: 1px #d6d6d6 solid;
  padding: 15px 15px 0px 15px; }

.roundBoxBody.smallBox {
  padding: 0 5px; }

.sectionHeader {
  background-color: #7fdcf8;
  position: relative;
  height: 38px;
  line-height: 30px;
  color: #fff;
  font-size: 1.2em;
  margin-top: 10px; }

.sectionHeader .headerCor {
  display: block;
  background-position: right top;
  margin-left: 15px; }

.roundBox.TL {
  position: relative;
  height: 5px;
  background-position: 0 -39px; }

.roundBox.TR {
  display: block;
  margin-left: 15px;
  height: 5px;
  background-position: 100% -39px; }

.roundBox.BL {
  height: 20px;
  background-position: 0 -84px;
  position: relative; }

.roundBox.BR {
  display: block;
  height: 20px;
  background-position: 100% -84px;
  margin-left: 15px; }

.hintText {
  color: #999!important; }

.mainContent {
  margin: auto;
  padding: 5px 0 10px 0;
  overflow: auto; }

.content {
  width: 690px;
  clear: both;
  float: left;
  margin-right: 10px; }

.sideBar {
  width: 250px;
  float: right;
  margin: 0 auto;
  padding: 0; }

.introContent {
  background: #e0f5fd url(http://images.vietnamworks.com/js/home_search_bg.png) repeat-x; }

.introWrap, .mainWrap, .footerWrap {
  width: 960px;
  margin: 0 auto; }

.introBox {
  background: url(http://images.vietnamworks.com/js/home_photo_dreammaker.png) no-repeat top right;
  height: 191px; }

.introTagLine {
  color: #f60;
  font-size: 1.4em;
  padding: 15px 0 0 0; }

.introSlogan {
  color: #333;
  font-size: 1.4em;
  font-weight: normal; }

.jobLink a {
  padding: 8px;
  font-weight: bold;
  display: inline-block;
  color: #f90; }

/*Searchbox on Homepage*/
.search-box {
  width: 690px;
  padding: 2px!important;
  margin: 10px 0 0 0;
  overflow: auto; }

.search-box input.text {
  height: 29px;
  line-height: 25px;
  border: 1px #ccc solid;
  border-top: 1px #aaa solid;
  border-left: 1px #aaa solid;
  padding: 0 8px;
  margin: 0;
  display: inline-block;
  color: #555;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.1em; }

.search-box input.text[type=text]:focus {
  font-weight: bold;
  outline: none; }

.search-criteria {
  width: 530px;
  float: left; }

input.keyword {
  width: 506px;
  float: left;
  margin-bottom: 4px!important; }

input.category, input.location, input.level {
  background-color: #fff;
  float: left;
  width: 127px;
  border-right: 0!important;
  overflow: hidden; }

button.select-icon {
  background: white url(http://images.vietnamworks.com/gen/sprite_icons.png) 3px -1452px no-repeat;
  width: 28px;
  height: 31px;
  float: left;
  border: 1px #ccc solid;
  border-top: 1px #aaa solid;
  border-left: 0!important;
  margin: 0 4px 0 0;
  cursor: pointer; }

button.select-icon:hover {
  background: white url(http://images.vietnamworks.com/gen/sprite_icons.png) 3px -1492px no-repeat; }

.search-box .button-box {
  float: left;
  margin: 0!important; }

a.button {
  background: white url(http://images.vietnamworks.com/gen/form_button.png) no-repeat -9px -1px;
  border: 1px #bd8124 solid;
  /*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/ }

a.button span {
  line-height: 25px;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  padding: 1px 15px 3px 15px!important; }

a.button.search {
  width: 130px;
  font-size: 1em; }

a.button, a.button:visited {
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block; }

a.button:hover span {
  color: #333!important;
  background-position: -9px 0; }

.box-highlight, .company-info {
  border: 1px #00b9f1 solid; }

.salesLogoBg {
  background-position: 40px -110px;
  height: 10px;
  width: 600px; }

.salesLogoDesc {
  display: block; }

.promotionText {
  color: #666;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 10px; }

.promotionBtn {
  display: block;
  text-align: center; }

.salesLogo {
  padding: 2px;
  margin: 0 auto;
  text-align: center; }

a.salesLogoLink {
  border: 1px #fff solid;
  border-bottom: 2px #fff solid;
  display: inline-block;
  width: 155px;
  text-align: center;
  margin: 2px 0;
  padding: 5px;
  text-decoration: none; }

a:hover.salesLogoLink {
  border: 1px #ddd solid;
  border-bottom: 2px #999 solid; }

.categoryList {
  text-align: left;
  overflow: auto;
  border-bottom: 1px #e5e5e5 solid;
  margin: 0 2px; }

.categoryList a {
  color: #333; }

.categoryList a:hover {
  color: black; }

.categoryList li {
  padding: 5px;
  float: left;
  display: block;
  width: 208px; }

.categoryList.altRow {
  background: #fff; }

.categoryList li em {
  color: #f90; }

.moreBtn {
  padding: 10px 0 0 8px;
  display: block;
  clear: both;
  float: right; }

.topJobsList li {
  background: #fff;
  border-bottom: 1px #ccc dotted;
  padding: 3px 0;
  width: 50%;
  _width: 320px;
  float: left; }

.topJobsList a {
  font-weight: bold;
  color: #333; }

.topJobsList span {
  display: block;
  color: #666; }

.topJobsList.fixScroll {
  height: 410px;
  overflow: auto; }

.employerList {
  margin: 0 auto;
  width: 230px; }

.employerList a.cusLogo {
  width: 103px;
  height: 60px;
  float: left;
  padding: 4px;
  margin: 3px 2px;
  background-position: -48px -133px; }

.employerList a.cusLogo:hover {
  background-image: none; }

.moreLink {
  margin-top: 15px;
  clear: both;
  display: block;
  text-align: center; }

.adBanner {
  margin: 0 auto;
  text-align: center;
  padding-top: 10px; }

.pollNAdvice h3 {
  color: #f90;
  font-size: 1.1em;
  margin: 0 0 10px 0; }

.pollNAdvice h3 strong {
  color: #333; }

.checkPoll {
  clear: both;
  width: 25px;
  float: left;
  margin: 0 0 5px 20px; }

.labelPoll {
  float: left;
  width: 600px;
  margin: 3px; }

.resultBtn {
  clear: both;
  padding-top: 10px;
  margin-left: 15px; }

.resultBtn a {
  float: left;
  display: inline;
  margin: 0 5px; }

.picBox {
  border: 1px #ddd solid;
  margin-right: 15px;
  float: left; }

.viewResult {
  text-align: right;
  font-weight: bold; }

.dialogBox .dialogContent {
  border: 1px #999 solid;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 10px #666;
  -moz-box-shadow: 0px 0px 10px #666;
  -webkit-box-shadow: 0px 0px 10px #666;
  background: #fff; }

.surveyResultList {
  margin: 0 20px;
  font-size: 1.1em;
  width: 520px;
  padding: 30px;
  background: #fff; }

.surveyResultList h3 {
  margin: 0;
  color: #f90; }

.surveyResultList table thead tr td, .surveyResultList tfoot tr td {
  padding: 10px;
  font-weight: bold;
  border-bottom: 2px #bbb solid; }

.surveyResultList table tbody tr td {
  border-bottom: 1px #ccc dotted;
  padding: 10px; }

/*Dropdown menu*/
.dropdownMenu {
  background: #fff;
  border: 1px #999 solid;
  font-size: 1.1em;
  color: #666; }

.dropdownMenu a {
  color: #555;
  display: block;
  /*height:1%;*/
  padding: 5px 10px;
  margin: 0;
  border-bottom: 1px #e9e9e9 solid;
  text-decoration: none; }

.dropdownMenu a strong {
  color: #666;
  font-weight: bold; }

.dropdownMenu a.current, .dropdownMenu a.current strong {
  background: #fff;
  color: #f90 !important; }

.dropdownMenu.fixHeight {
  height: 320px;
  overflow: auto; }

.dropdownMenu a:hover, .dropdownMenu a:hover strong {
  background: #e9e9e9;
  color: #00aee1!important; }

.ui-autocomplete {
  cursor: default;
  position: absolute; }

* html .ui-autocomplete {
  width: 1px; }

.ui-menu {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 2px; }

.ui-menu .ui-menu {
  margin-top: -3px; }

.ui-menu .ui-menu-item {
  clear: left;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%; }

.ui-menu .ui-menu-item a {
  display: block;
  line-height: 1.5;
  padding: 0.2em 0.4em;
  text-decoration: none; }

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: url("") repeat-x scroll 50% 50% #dadada;
  color: #00aee1 !important; }

/*********** User info ***********/
/********** Emd User info ********/
/*********** category ************/
.article-memo {
  width: 100%;
  min-height: 150px; }

.article-memo-user {
  float: left;
  width: 120px;
  margin-left: -100%;
  padding: 0 2px; }

.article-memo-detail {
  float: left;
  width: 100%;
  text-align: left; }

.article-memo-control {
  width: 100%;
  height: 30px;
  background: #C7C7FF; }

.article-memo-content {
  height: 100px;
  position: relative;
  margin-left: 125px; }

.article-memo-content .article-short-info {
  float: left;
  bottom: 1px;
  position: absolute;
  text-align: right;
  width: 100%; }

.item-article {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("") repeat-x scroll left bottom #f2f6f8;
  border-color: #FFFFFF #CCCCCC #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-style: solid;
  border-width: 1px;
  clear: both;
  display: block;
  float: left;
  position: relative;
  width: 100%; }

.threadbit .threadinfo {
  min-width: 350px;
  width: 62%; }

.threadbit .threadstatus, .threadbit .threadinfo, .threadbit .threadinfo_withnotification, .threadbit .threadstats, .threadbit .threadlastpost, .threadbit .threaddeleted, .threadbit .threadnotification, .threadbit .nothreadstatus, .threadbit .threadthread, .threadbit img.statusicon {
  clear: right;
  display: inline-block;
  float: left; }

/*********** end category ************/
/*********** paging ************/
.paging a {
  background: #493A3A;
  text-decoration: none;
  font-weight: bold;
  color: White;
  width: 40px;
  padding: 3px 5px 3px 5px;
  cursor: pointer; }

/*********** end paging ************/
/* Css for Tooltip */
#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  *border: 1px solid #111;
  background-color: #eee;
  padding: 5px 10px 5px 10px;
  opacity: 0.95;
  font-size: 10px;
  font-weight: normal;
  color: red;
  vertical-align: middle; }

#tooltip h3, #tooltip div {
  font-size: 12px;
  margin: 0;
  padding: 0;
  *margin: 0;
  *padding: 0; }

/* End Css for Tooltip */
